// 颜色
$black:     #323233;
$white:     #ffffff;
$red:       #e54d42;
$orange:    #f37b1d;
$yellow:    #fbbd08;
$green:     #3eaf7c;
$cyan:      #37a2da;
$blue:      #0081ff;
$purple:    #8a56ac;
$mauve:     #e03997;
$gray:      #c0c4cc;
$grey:      #909399;
$pink:      #ff99cc;
$brown:     #a5673f;

$colors: ();
$colors: map-merge(
    (
        'black': $black,
        'white': $white,
        'red': $red,
        'orange': $orange,
        'yellow': $yellow,
        'green': $green,
        'cyan': $cyan,
        'blue': $blue,
        'purple': $purple,
        'mauve': $mauve,
        'gray': $gray,
        'grey': $grey,
        'pink': $pink,
        'brown': $brown
    ),
    $colors
);

// 背景色
$bg-colors: ();
$bg-colors: map-merge(
    (
        'black': $black,
        'white': $white,
        'red': $red,
        'orange': $orange,
        'yellow': $yellow,
        'green': $green,
        'cyan': $cyan,
        'blue': $blue,
        'purple': $purple,
        'mauve': $mauve,
        'gray': $gray,
        'grey': $grey,
        'pink': $pink,
        'brown': $brown
    ),
    $bg-colors
);

// 字体大小
$font-size: () !default;
$font-size: map-merge(
    (
        'xs': 20rpx,
        'sm': 24rpx,
        'df': 28rpx,
        'lg': 32rpx,
        'xl': 36rpx,
        'xxl': 40rpx,
        'sl': 80rpx,
        'xsl': 120rpx,
    ),
    $font-size
);

// 间距
$spacer: 20rpx !default;
$spacers: ();
$spacers: map-merge(
    (
        '0': 0,
        '1': $spacer * .25,
        '2': $spacer * .5,
        '3': $spacer,
        '4': $spacer * 1.5,
        '5': $spacer * 3,
        '6': $spacer * 5,
    ),
    $spacers
);